<nb-card>
	<nb-card-header class="d-flex flex-column">
		<span class="cancel"><i (click)="closeDialog()" class="fas fa-times"></i></span>
		<h5 *ngIf="backToWork" class="title">
			{{
			employeeFullName.trim()
				? employeeFullName
				: ('POP_UPS.EMPLOYEE' | translate)
			}}
			{{ 'POP_UPS.BACK_TO_WORK' | translate }}
		</h5>
		<h5 *ngIf="!backToWork" class="title">
			{{ 'POP_UPS.END_WORK' | translate }}
			{{
			employeeFullName.trim()
				? employeeFullName
				: ('POP_UPS.EMPLOYEE' | translate)
			}}
		</h5>
	</nb-card-header>
	<nb-card-body *ngIf="!backToWork">
		<div class="row">
			<div class="col-sm-12">
				<input
					[nbDatepicker]="datepicker"
					nbInput
					fullWidth
					[(ngModel)]="endWorkValue"
					placeholder="{{ 'POP_UPS.PICK_DATE' | translate }}"
				/>
				<nb-datepicker #datepicker></nb-datepicker>
			</div>
		</div>
	</nb-card-body>
	<nb-card-footer>
		<button status="basic" outline (click)="closeDialog()" nbButton>
			{{ 'BUTTONS.CANCEL' | translate }}
		</button>
		<button status="success" (click)="endWork()" nbButton>
			{{
				(backToWork
					? 'EMPLOYEES_PAGE.BACK_TO_WORK'
					: 'EMPLOYEES_PAGE.END_WORK'
				) | translate
			}}
		</button>
	</nb-card-footer>
</nb-card>
